<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>职位管理</title>
  <link href="../../css/style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="../../js/jquery.js"></script>
  <script type="text/javascript" src="../../js/api.js"></script>
  <script type="text/javascript" src="../../js/axios.js"></script>
  <script type="text/javascript" src="../../js/commons/messageInfo.js"></script>
  <script type="text/javascript" src="../../js/system/position/positionList.js"></script>
</head>

<body>
  <div class="place"> <span>位置：</span>
    <ul class="placeul">
      <li><a href="../users/userList.html">系统管理</a></li>
      <li><a href="#">职位管理</a></li>
    </ul>
  </div>
  <div class="rightinfo">
    <form>
      <ul class="tools">
        <li> <label>职位名称:</label>
          <input type="text" id="jobName" />
        </li>
        <li> <label>所属部门：</label>
          <select name="dept" id="deptSelect">
          </select>
        </li>
        <li class="subBut" onclick="search()"><img src="../../images/t06.png" />查询</li>
        <li class="subBut" onclick="window.location.href='positionAdd.html'"><img src="../../images/t01.png" />添加</li>
      </ul>
      <table class="tablelist">
        <thead>
          <tr>
            <th>序号</th>
            <th>职位</th>
            <th>所属部门</th>
            <th>状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody id="tbody">
        </tbody>
      </table>
    </form>
    <!-- 提示框 -->
    <div id="tip" class="tip">
      <div class="tiptop"><span>提示信息</span><a onclick="tipClose()"></a></div>
      <div class="tipinfo"> <span><img src="../../images/ticon.png" /></span>
        <div class="tipright">
          <p></p>
          <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
        </div>
      </div>
      <div class="tipbtn">
        <input name="" type="button" class="sure" value="确定" onclick="check()" />
        &nbsp;
        <input name="" type="button" class="cancel" value="取消" onclick="tipClose()" />
      </div>
    </div>
  </div>

  <script type="text/javascript">
    let timer
    let flag=false
    appendMsgBox()

    getData()
    getDept()

    function tipOpen(content) {
      $(".tipright p").text(content);
      $("#tip").fadeIn(200);
    }
    function tipClose() {
      clearInterval(timer)
      $("#tip").fadeOut(200);
    }
    function check(){
      flag=true
    }
  </script>
</body>

</html>